.config-manage-page {
  .d-table {
    .text-overflow-two-row {
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    .hover-light:hover {
      color: #556ee6;
      cursor: pointer;
    }
  }
}

// 新增/编辑配置抽屉 代码编辑器样式
.config-manage-edit-drawer {
  .codemirror-form-item {
    > .cm-s-default {
      overflow: hidden;
      border: 1px solid transparent;
      border-radius: 8px;
      transition: all 0.3s;
      &:hover,
      &.CodeMirror-focused {
        border-color: #74788d;
      }
      .CodeMirror-scroll {
        background: rgba(33, 37, 41, 0.06);
        transition: all 0.3s;
        .CodeMirror-gutters {
          background: transparent;
          border-right: none;
        }
      }
    }
  }

  .dcloud-form-item-has-error {
    .codemirror-form-item {
      > .cm-s-default {
        border-color: #ff7066;
        .CodeMirror-scroll {
          background: #fffafa;
        }
      }
    }
  }
}

// 列表配置值弹窗
.config-manage-value-modal {
  .dcloud-modal-header {
    border-bottom: 0;
  }
  .dcloud-modal-body {
    padding: 0 8px 8px 8px;
    .react-codemirror2 {
      > .cm-s-default {
        overflow: hidden;
        border-radius: 8px;
        .CodeMirror-scroll {
          background: #556de60a;
          .CodeMirror-gutters {
            background: transparent;
            border-right: none;
          }
        }
      }
    }
  }
}

.lf-ds-card {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  // justify-content: center;
  width: 100%;
  height: 32px;
  margin-bottom: 12px;
  padding: 4px 8px;
  color: #000;
  border: 1px solid #cfd3e6;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  transition: box-shadow 0.3s;
  -webkit-box-align: center;
  -moz-box-align: center;
}

.lf-ds-card .lf-ds-logo {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.lf-ds-card:hover {
  // background-color: #f9f9f9;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.lf-dwh-baseInfo {
  display: flex;
  align-items: center;
  height: 28px;
  margin-bottom: 6px;
  padding-left: 20px;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
}

.dc-lf-clone-label {
  color: #35b534;
  font-weight: 600;
}

.dc-lf-clone-icon:hover {
  color: #5664ff;
}
